<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover" />
    <title>剧本详情</title>
</head>
<link rel="stylesheet" type="text/css" href="css/public.css" />
<script type="text/javascript" src="js/jquery1.42.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>

<body class="drama-detail">

    <!--头部-->
  <!--  <header >
        <div class="title"><a class="nav-btn" href="index.html"></a><span>剧本详情</span></div>
    </header>-->

    <!-- 示例开始 ======================= -->
    <style type="text/css">
        *{zoom:1}
        .fullSlide{ position:relative; background:#000; margin:0 auto; }
        .fullSlide .bd{ position:relative; z-index:0; }
        .fullSlide .bd li img{width:100%; vertical-align:top;  }
        .fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center;
            background:#000; filter:alpha(opacity=60);opacity:0.6
        }
        .fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
        .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(img/tg_flash_p.png) -18px 0; overflow:hidden;
            font-size:0;
        }
        .fullSlide .hd ul .on{ background-position:0 0; }
        .fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left;  background:url(img/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4  }
        .fullSlide .next{  background-position:right 0; float:right; margin-right:3%  }
        .fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }
    </style>

    <div class="fullSlide">
        <div class="bd">
            <ul>
                <li><a target="_blank" href="#"><img src="img/drama4.png"/></a></li>
                <li><a target="_blank" href="#"><img src="img/drama6.png"/></a></li>
            </ul>
        </div>

        <div class="hd"><ul></ul></div>

       <!-- <a class="prev" href="javascript:void(0)"></a>
        <a class="next" href="javascript:void(0)"></a>-->
    </div>

    <!--话剧简介-->
    <div class="drama-detail-box">
        <h1 class="drama-title">别来无恙简介</h1>
        <p class="drama-content">
                        别来无恙》小说主人公是顾拙言，庄凡心。这是北南写的一篇耽美文，当时是春节，庄凡心去乡下写生刚走出大门就和从门口经过的顾拙言撞个满怀。他背着鼓囊的包，因为失衡咕咚坐到了地上，而后迷糊地抱怨：“——我都被你撞飞了。”顾拙言伸手拉起庄凡心，道个歉，还回应一句：“谁让你那么瘦。”庄凡心只以为对方是住在附近的街坊，大过年的，况且也不是故意的。他赶着走，一掏兜拿出包糖果，塞给顾拙言，还补一声“新年快乐”。他去乡下一周，回来时顾拙言已经走了，他不知道那是薛茂琛的外孙，也再没见过彼此。没想到三年后的今天，他们又遇见了。
        </p>
    </div>
    <script type="text/javascript">
        jQuery(".fullSlide").slide({ titCell:".hd ul", mainCell:".bd ul", effect:"leftLoop", vis:"auto", autoPlay:true, autoPage:true, trigger:"click" });
    </script>
    <!-- 示例结束 ======================= -->
</body>